import React from 'react'
import { Icon } from 'antd';
import FBHeaderView from '../../component/form-header/View';
import { WeaInputLocale, WeaInput, WeaLocaleProvider } from "ecCom";

const getMultiStrFromBase64 = WeaInputLocale.getMultiStrFromBase64;
const formatMultiLang = WeaLocaleProvider.formatMultiLang;

export default class Error extends React.Component {
  render() {
    const { msg, showHeader=true } = this.props;

    return (
      <div className='wea-edc-error-box'>
        { showHeader ?
          <FBHeaderView data={{}} /> : null
        }
        <div className='wea-edc-error-content'>
          <div style={{ color: '#f5222d', fontSize: 50 }}><Icon type="cross-circle-o" /></div>
          <div style={{ fontSize: 18, paddingBottom: 3 }}>
            <WeaInput  isBase64={true} inputType={"multilang"} value={formatMultiLang(getMultiStrFromBase64(msg))} viewAttr={1} />
          </div>
        </div>
      </div>
    )
  }
}